<template>
  <div class="h-[500px]">
    Home
    <n-button>测试按钮</n-button>

    <n-button type="primary" @click="fun">测试按钮</n-button>
    <div>{{ foo }}</div>
  </div>
</template>
<script setup>
  import { queryList } from "@/api";
  import { useMessage } from "naive-ui";
  const foo = "bar"; // 缺少空格
  const message = useMessage();

  const fun = async () => {
    const data = await queryList();
    console.log(data);
    message.info("11111");
  };
</script>
<style lang="less">
  .aaa {
    font-size: 16px;

    .bbb {
      color: red;
    }
  }
</style>
